<script setup lang="ts">
import HomeHead from '/@/views/Home/components/HomeHead.vue'

import { useRoute } from '/@/router'
import { watch, ref } from 'vue'

const route = useRoute()

let isShowHead = ref('')

watch(route, (a) => {
  isShowHead.value = a.meta.IsShowHead as string
})
</script>

<template>
  <home-head v-if="isShowHead ?? true"></home-head>
  <router-view></router-view>
</template>

<style>
body,
html,
#app {
  width: 100%;

  height: 100%;

  /* margin-left: calc(100vw - 100%); */
}

html {
  overflow: overlay; /** 解决浏览器刷新出现滚动条页面抖动问题 */
}
</style>
